<template>
    <div class="loading">
        <div id="loading">
            <img src="../../../../assets/images/loading-red.gif" />
            <h3>客官稍等，正在努力为您搬运红包</h3>
        </div>
    </div>
</template>

<script>
export default {
    name: "loading"
}
</script>

<style scoped lang="less">
    @import "@/theme.less";
    .loading{
        position: relative;
        width: 100%;
        height: 100%;
    }
    #loading{
        position: absolute;
        width: 100%;
        top:50%;
        transform: translateY(-50%);
        text-align: center;
        color: @font-color1;
        img{
            display: block;
            width: 180px;
            margin: 0 auto;
        }
    }
</style>
